<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<style type="text/css">
#googleMap img {
	max-width: none;
}

#googleMap1 img {
	max-width: none;
}

#googleMap2 img {
	max-width: none;
}
</style>
<!--                                  <script
                            src="http://maps.googleapis.com/maps/api/js?key=AIzaSyB2B5G7gCFIt2esXfmbGf_Ds3ksPNP0cgM&sensor=false">
                        </script> -->
<script
	src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDT-M6jMmDSwfsUqD2VRf2IO6FiimpLi_g&sensor=false">
	
</script>
<script>
	var myCenter2 = new google.maps.LatLng(10.778717, 106.693554);

	function initialize2() {
		var mapProp = {
			center : myCenter2,
			zoom : 17,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};

		var map = new google.maps.Map(document.getElementById("googleMap2"),
				mapProp);

		var marker = new google.maps.Marker({
			position : myCenter2,
		});

		marker.setMap(map);
	}

	google.maps.event.addDomListener(window, 'load', initialize2);
</script>
<script>
	var myCenter1 = new google.maps.LatLng(10.826736, 106.67975);

	function initialize1() {
		var mapProp = {
			center : myCenter1,
			zoom : 17,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};

		var map = new google.maps.Map(document.getElementById("googleMap1"),
				mapProp);

		var marker = new google.maps.Marker({
			position : myCenter1,
		});

		marker.setMap(map);
	}

	google.maps.event.addDomListener(window, 'load', initialize1);
</script>
<script>
	var myCenter = new google.maps.LatLng(10.813913, 106.666069);

	function initialize() {
		var mapProp = {
			center : myCenter,
			zoom : 17,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};

		var map = new google.maps.Map(document.getElementById("googleMap"),
				mapProp);

		var marker = new google.maps.Marker({
			position : myCenter,
		});

		marker.setMap(map);
	}

	google.maps.event.addDomListener(window, 'load', initialize);
</script>

<div class="row-fluid" style="padding-bottom:50px; max-height: 2000px">

	<div class="span11 span11div">
		<div class="controls">
			<div class="row-fluid"
				style="height: 50px; background-color: #5EC4B6">
				<label style="font-size: 30px; line-height: 50px; margin-left: 30px; color: white">Địa Chỉ Liên Hệ</label>

			</div>
			<div class="row-fluid" style="margin-top: 30px">

				<div class="span12">
					<div class="span7"
						style="min-height: 530px; max-height: 530px; overflow: hidden;">
						<div class="span7" id="hongha"
							style="display: block; margin-left: 20px">


							<div id="googleMap"
								style="height: 500px; width: 500px; margin-top: 20px"></div>



						</div>
						<div class="span7" id="vanlang"
							style="display: block; margin-left: 20px">


							<div id="googleMap1"
								style="height: 500px; width: 500px; margin-top: 20px"></div>



						</div>
							<div class="span7" id="lequydon"
							style="display: block; margin-left: 20px">


							<div id="googleMap2"
								style="height: 500px; width: 500px; margin-top: 20px"></div>



						</div>
					</div>
					<div class="span5" style="margin-left: 5px; margin-top: 10px">
						<div class="controls-row" style="margin-top: 20px">
							<label style="line-height: 26px; font-size: 26px; color: #F58345"
								onclick="clickHongHa();">Chi Nhánh Tân Sơn Nhất</label> <label>1A
								Hồng Hà, P.2, Q.Tân Bình, Tp Hồ Chí Minh</label> <label><i
								class="icon-phone"></i> : (08) - 38487907 &nbsp; - &nbsp;&nbsp;<i
								class="icon-envelope"></i> : admin@paschinocoffee.com</label>
						</div>
						<div class="controls-row" style="margin-top: 20px">
							<label style="line-height: 26px; font-size: 26px; color: #F58345"
								onclick="clickVanLang();">Chi Nhánh Văn Lang</label> <label>2
								Quang Trung, P.2, Q.Gò Vấp, Tp Hồ Chí Minh</label> <label><i
								class="icon-phone"></i> : (08) - 38487907 &nbsp; - &nbsp;&nbsp;<i
								class="icon-envelope"></i> : admin@paschinocoffee.com</label>
						</div>
							<div class="controls-row" style="margin-top: 20px">
							<label style="line-height: 26px; font-size: 26px; color: #F58345"
								onclick="clickLeQuyDon();">Chi Nhánh Lê Quý Đôn</label> <label>3B
								Lê Quý Đôn, P.6, Q.3, Tp Hồ Chí Minh</label> <label><i
								class="icon-phone"></i> : (08) - 66831796 &nbsp; - &nbsp;&nbsp;<i
								class="icon-envelope"></i> : admin@paschinocoffee.com</label>
						</div>
					</div>

				</div>

			</div>
		</div>
	</div>
</div>